<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  
	<title>Blueprint CSS Framework Test Suite</title>

  <!-- Framework CSS -->
	<link rel="stylesheet" href="../blueprint/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="../blueprint/print.css" type="text/css" media="print">
  <!--[if IE]><link rel="stylesheet" href="../blueprint/lib/ie.css" type="text/css" media="screen, projection"><![endif]-->
	
	<!-- Import plugins for testing -->
	<link rel="stylesheet" href="../blueprint/plugins/buttons/buttons.css" type="text/css" media="screen, projection">	
</head>

<body>
<div class="container">
	
    <h1>Testing Bundled Plugins</h1>
    <hr>
    
    <h3>Buttons plugin</h3>
    <p>
      <button type="submit" class="button positive">
      	<img src="../blueprint/plugins/buttons/icons/tick.png" alt=""> Save
      </button>
  	  <a class="button" href="/password/reset/">
  	    <img src="../blueprint/plugins/buttons/icons/key.png" alt=""> Change Password
  	  </a>
  	  <a href="#" class="button negative">
  	    <img src="../blueprint/plugins/buttons/icons/cross.png" alt=""> Cancel
  	  </a>
    </p>
    <p>
  	  <button type="submit" class="button positive">Positive</button>
  	  <a class="button" href="/password/reset/">Neutral</a>
  	  <a href="#" class="button negative">Negative</a>
    </p>
    <p>
      <button type="submit" class="button positive">
      	<img src="../blueprint/plugins/buttons/icons/tick.png" alt=""> Save
      </button>
  	  <a class="button" href="/password/reset/">
  	    <img src="../blueprint/plugins/buttons/icons/key.png" alt=""> Change Password
  	  </a>
  	  <a href="#" class="button negative">
  	    <img src="../blueprint/plugins/buttons/icons/cross.png" alt=""> Cancel
  	  </a>
    </p>
    <hr>
    
    <ul>
    	<li>The Fancy-Type plugin is tested in sample.html.</li>
    	<li>The CSS-Classes plugin is pretty self-explanatory.</li>
    </ul>
    <hr>
    
  <p><a href="http://validator.w3.org/check?uri=referer">
  <img src="http://www.w3.org/Icons/valid-html401-blue" alt="Valid HTML 4.01 Strict" height="31" width="88"></a></p>

</div>
</body>
</html>
